Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

RN: Enable useInsertionEffectsForAnimations #47595

Closed
wants to merge 1 commit into from

Conversation

yungsters
Copy link
Contributor

Summary:
Enables the useInsertionEffectsForAnimations feature flag by default. This changes useAnimatedProps to enqueue updates to the AnimatedNode graph in useInsertionEffect instead of useLayoutEffect.

The main motivation for useInsertionEffect is to avoid unmounting AnimatedNode graphs when an Activity subtree becomes hidden.

Both useInsertionEffect and useLayoutEffect occur during the commit phase. Although they occur at different moments in the commit phase, the different is difficult to observe and unlikely to impact product code.

One observable impact is that with useInsertionEffect, animations can now be started from layout effects.

Changelog:
[General][Changed] - The AnimatedNode graph will not occur during the insertion effect phase, which means animations can now be reliably started during layout effects.

Differential Revision: D65906157

Summary:
Enables the `useInsertionEffectsForAnimations` feature flag by default. This changes `useAnimatedProps` to enqueue updates to the `AnimatedNode` graph in `useInsertionEffect` instead of `useLayoutEffect`.

The main motivation for `useInsertionEffect` is to avoid unmounting `AnimatedNode` graphs when an `Activity` subtree becomes hidden.

Both `useInsertionEffect` and `useLayoutEffect` occur during the commit phase. Although they occur at different moments in the commit phase, the different is difficult to observe and unlikely to impact product code.

One observable impact is that with `useInsertionEffect`, animations can now be started from layout effects.

Changelog:
[General][Changed] - The `AnimatedNode` graph will not occur during the insertion effect phase, which means animations can now be reliably started during layout effects.

Differential Revision: D65906157
@facebook-github-bot facebook-github-bot added the CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. label Nov 13, 2024
@facebook-github-bot
Copy link
Contributor

This pull request was exported from Phabricator. Differential Revision: D65906157

@facebook-github-bot
Copy link
Contributor

This pull request has been merged in 316170c.

@facebook-github-bot facebook-github-bot added the Merged This PR has been merged. label Nov 14, 2024
@react-native-bot
Copy link
Collaborator

This pull request was successfully merged by @yungsters in 316170c

When will my fix make it into a release? | How to file a pick request?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. fb-exported Merged This PR has been merged. p: Facebook Partner: Facebook Partner
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants